<div>
@foreach($data as $item)
    @foreach($item['img'] as $option)
    <div class="file-drop-disabled">
        <div class="file-preview-thumbnails">
            <div class="file-preview-frame krajee-default  kv-preview-thumb" data-fileindex="0" data-template="image" style="width: 250px;height: 250px;">
                <div class="kv-file-content">
                    <img  src="{{ $option['imgsrc'] }}" class="kv-preview-data file-preview-image" style="width:auto;height:200px;">
                </div>
                <div class="file-thumbnail-footer">
                    <div class="file-footer-caption">{{ $item['description'] }}</br><samp>{{ $item['time'] }}</samp></div>
                    <div class="file-actions">
                        <div class="file-footer-buttons">
                            <button type="button" class="kv-file-zoom btn btn-xs btn-default" onclick="$('#{{ $option['attachs_id'] }}').removeClass('hidden')"><i class="glyphicon glyphicon-zoom-in"></i></button>     </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="{{ $option['attachs_id'] }}" class="file-zoom-dialog modal fade file-zoom-fullscreen in hidden" tabindex="-1" aria-labelledby="kvFileinputModalLabel" aria-hidden="false" style="display: block; padding-right: 17px;"><div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <div class="kv-zoom-actions pull-right">
                        <button type="button" class="btn btn-default btn-close" onclick="$('#{{ $option['attachs_id'] }}').addClass('hidden')" data-dismiss="modal" aria-hidden="true">
                            <i class="glyphicon glyphicon-remove"></i>
                        </button>
                    </div>
                    <h3 class="modal-title"><small><span class="kv-zoom-title">{{ $item['description'] }} <samp>{{ $item['time'] }}</samp></span></small></h3>
                </div>
                <div class="modal-body">
                    <div class="floating-buttons"></div>
                    <div class="kv-zoom-body file-zoom-content" style="height: 675px;text-align:center;">
                        <img src="{{ $option['imgsrc'] }}" class="kv-preview-data file-preview-image file-zoom-detail" style="width: auto; height: auto; max-width: 100%; max-height: 100%" >
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endforeach
@endforeach
</div>
